1 files changed, 25 insertions, 18 deletions
diff --git a/app/[lng]/partners/(partners)/bid/page.tsx b/app/[lng]/partners/(partners)/bid/page.tsx
index bcb2ad25..a09dec72 100644
--- a/app/[lng]/partners/(partners)/bid/page.tsx
+++ b/app/[lng]/partners/(partners)/bid/page.tsx
@@ -1,8 +1,10 @@
 import { PartnersBiddingList } from '@/lib/bidding/vendor/partners-bidding-list'
-import { Suspense } from 'react'
-import { Skeleton } from '@/components/ui/skeleton'
+import * as React from "react"
 import { getServerSession } from 'next-auth'
 import { authOptions } from "@/app/api/auth/[...nextauth]/route"
+import { getBiddingListForPartners } from '@/lib/bidding/detail/service'
+import { Shell } from '@/components/shell'
+import { DataTableSkeleton } from '@/components/data-table/data-table-skeleton'
 
 export default async function PartnersBidPage() {
   // 세션에서 companyId 가져오기
@@ -19,7 +21,13 @@ export default async function PartnersBidPage() {
     )
   }
 
+  // 서버 사이드에서 입찰 목록 데이터 가져오기
+  const promises = Promise.all([
+    getBiddingListForPartners(companyId),
+  ])
+
   return (
+    <Shell className="gap-2">
     <div className="container mx-auto py-6 space-y-6">
       <div className="flex items-center justify-between">
         <div>
@@ -30,22 +38,21 @@ export default async function PartnersBidPage() {
         </div>
       </div>
 
-      <Suspense fallback={<BiddingListSkeleton />}>
-        <PartnersBiddingList companyId={companyId} />
-      </Suspense>
-    </div>
-  )
-}
-
-function BiddingListSkeleton() {
-  return (
-    <div className="space-y-4">
-      <Skeleton className="h-12 w-full" />
-      <div className="space-y-2">
-        {Array.from({ length: 5 }).map((_, i) => (
-          <Skeleton key={i} className="h-16 w-full" />
-        ))}
+      <React.Suspense
+        fallback={
+          <DataTableSkeleton
+            columnCount={6}
+            searchableColumnCount={1}
+            filterableColumnCount={2}
+            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
+            shrinkZero
+          />
+        }
+      >        
+      <PartnersBiddingList companyId={companyId} promises={promises} />
+      </React.Suspense>
       </div>
-    </div>
+    </Shell>
   )
 }
+